let layer;
layui.use("layer",function(){
    layer = layui.layer;
})
// 入口函数
$(function(){
    getCategoryList()
    // 注册新增类别点击事件
    addCategory()
    saveEditFn()
})
function getCategoryList(){
    // 获取文章类别列表
    $.ajax({
        url: "/admin/category/list",
        method: "get", // type
        success(res){
            console.log(8,res);
            $("#tbody").html( template("list", res) )
        }
    })
}

// 新增分类
function addCategory(){
    $("#saveBtn").on("click",function(){
        console.log(123);
        let name = $("#name").val();
        let slug = $("#slug").val();
        $.ajax({
            url: "/admin/category/add",
            method: "post",
            data: {
                name,
                slug
            },
            success(res){
                console.log(32,res);
                if(res.code == 200){
                    // 关闭模态框
                    $('#myModal').modal('hide');
                    // 刷新类别列表
                    getCategoryList()
                }
                layer.msg(res.msg);
            }
        })
    })
}

// 点击编辑就，弹出模态框
let id;
function editFn(obj){
    // console.log(52,obj);
    id = obj.id;
    // 显示模态框
    $("#myEditModal").modal("show");
    // 把默认的分类名渲染到编辑模态框中
    $("#c_name").val(obj.name);
    $("#c_slug").val(obj.slug);
}
// 保存编辑分类
function saveEditFn(){
    $("#saveEditBtn").on("click",function(){
        console.log(62);
        let name = $("#c_name").val();
        let slug = $("#c_slug").val();
        $.ajax({
            url: "/admin/category/edit",
            method: "post",
            data:{
                id: id,
                name,
                slug
            },
            success(res){
                console.log(77,res);
                if(res.code == 200){
                    // 关闭模态框
                    $("#myEditModal").modal("hide");
                    // 刷新分类列表
                    getCategoryList();
                }
                layer.msg(res.msg);
            }
        })
    })
}

// 声明删除类别的函数
function delFn(id){
    // 询问框的使用
    layer.confirm('是否确定删除 ?', {icon: 3, title:'删除'}, function(index){
        //do something
        $.ajax({
            url: "/admin/category/delete",
            method: "post",
            data: {
                id
            },
            success(res){
                // console.log(99,res);
                if(res.code == 200){
                    // 更新分类列表
                    getCategoryList()
                }
                // layer弹窗只能同时出现一个，也就是说当上一个弹窗没有关闭的情况，
                // 弹出下一个弹窗，则会自动将上一个弹窗关闭
                layer.msg(res.msg);
            }
        })
        // close 关闭，用于关闭询问框
        layer.close(index);
    });

}